<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>案例展示 - ComfyUI 学习站</title>
  <meta name="description" content="基于 ComfyUI 的示例工作流与成品效果" />
  <link rel="stylesheet" href="./style.css" />
</head>
<body>
  <header class="site-header">
    <div class="container header-inner">
      <a class="brand" href="./index.html">ComfyUI 学习站</a>
      <nav class="nav" id="topNav">
        <a href="./index.html" class="nav-link">首页</a>
        <a href="./tutorial.html" class="nav-link">学习教程</a>
        <a href="./cases.html" class="nav-link active">案例展示</a>
        <a href="https://github.com/comfyanonymous/ComfyUI" class="nav-link" target="_blank" rel="noopener">GitHub</a>
      </nav>
      <button class="nav-toggle" id="navToggle" aria-label="切换导航">☰</button>
    </div>
  </header>

  <main class="container">
    <h1>案例展示</h1>
    <p class="lead">以下案例展示常见工作流及其要点，便于你对照练习与拓展。</p>

    <section class="case-list">
      <article class="card">
        <h3>文生图：产品海报风格</h3>
        <ul>
          <li>主模型：高分辨率友好 SD 系列</li>
          <li>建议：CFG 6–8，步数 24–30，分辨率 1024×1024</li>
          <li>可选：加入 LoRA 做风格统一</li>
        </ul>
      </article>

      <article class="card">
        <h3>图生图：照片修复与风格化</h3>
        <ul>
          <li>使用 VAE Encode 将输入图转换为 latent</li>
          <li>控制去噪强度，保留原图主体结构</li>
          <li>可叠加面部修复（GFPGAN/CodeFormer）</li>
        </ul>
      </article>

      <article class="card">
        <h3>ControlNet：线稿上色</h3>
        <ul>
          <li>前置：Canny/Lineart 预处理</li>
          <li>Apply ControlNet 与 KSampler 结合</li>
          <li>权重从 0.8 逐步降低到 0.4 寻平衡</li>
        </ul>
      </article>
    </section>

    <div class="notice">
      欢迎将你的成品与 <code>workflow.json</code> 一并提交至仓库或留言区，便于他人复现与学习。
    </div>
  </main>

  <footer class="site-footer">
    <div class="container">
      <span>© 2025 ComfyUI 学习站</span>
      <span class="sep">·</span>
      <a href="./tutorial.html">学习教程</a>
    </div>
  </footer>

  <script src="./main.js"></script>
</body>
</html>


